<template>
  <v-content>
    <div class="mw-column-center-style" style="position: relative;width: 3.75rem;justify-content: flex-end;"  :style="{height:windowHeight+'px'}">
      <img src="/static/download_background.png" style="z-index:-1;position:absolute;left:0;top:0;width: 3.75rem;object-fit: cover" :style="{height:windowHeight+'px'}"/>
      <img src="/static/download_slogan.png" style="width: 3.08rem;height:0.64rem;object-fit: cover;margin-bottom:0.26rem"/>
      <div class="mw-row-style" style="align-items: center;margin-bottom:0.35rem">
        <img @click="downiOS"  src="/static/download_iPhone.png" style="width: 1.5rem;height:0.44rem;object-fit: cover;margin-right:0.1rem"/>
        <img @click="downAndroid" src="/static/download_android.png" style="width: 1.5rem;height:0.44rem;object-fit: cover"/>
      </div>
      <img src="/static/download_mobile.png" style="width: 2.95rem;height:4.12rem;object-fit: cover;"/>
    </div>
  </v-content>

</template>

<script>
  export default {
    data() {
      return {
        windowHeight:1
      }
    },
    methods: {
      downAndroid(){
        window.location.href="http://wap.miaohui.com/app-release.apk"
      },
      downiOS(){
        window.location.href="http://www.pgyer.com/tools/udid"
      },
    },
    beforeCreate() {

    },
    created() {
      this.windowHeight = window.innerHeight
    },
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
